<!doctype html>
<html lang="en" data-theme="Balzac">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Balzac HTML Template</title>

        <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>

        <!-- theme -->
        <link id="theme-css" rel="stylesheet" href="css/theme.css">
        <!--[if IE 9]><link rel="stylesheet" href="css/ie9.css"><![endif]-->

    </head>

    <body>

        <div class="bh-header" data-uk-sticky="{top:-1}">
            <div class="bh-navbar">

                <a class="bh-logo uk-visible-large" href="frontpage.html"><div class="uk-navbar-brand"><span class="uk-text-primary">Bal</span>zac</div></a>

                <a class="bh-logo-small uk-hidden-large" href="frontpage.html"><div class="uk-navbar-brand"><span class="uk-text-primary">Bal</span>zac</div></a>

                <!-- img use like this -->
                <!-- <a class="bh-logo" href="frontpage.html">
                    <img class="uk-responsive-height" src="" width="" height="">
                </a> -->

                <nav class="uk-navbar uk-text-center">
                    <div class="bh-navbar-nav-wrapper uk-visible-large">
                        <ul class="uk-navbar-nav">
                            <li class="uk-parent" data-uk-dropdown>
                                <a href="frontpage.html" class="uk-active">Home</a>
                                <div class="uk-dropdown uk-dropdown-navbar">
                                    <ul class="uk-nav uk-nav-navbar">
                                        <li class="uk-nav-header">Styles</li>
                                        <li>
                                            <a href="?style=default">Light</a>
                                        </li>
                                        <li>
                                            <a href="?style=dark">Dark</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="uk-parent" data-uk-dropdown>
                                <a href="#">Pages</a>
                                <div class="uk-dropdown uk-dropdown-navbar">
                                    <ul class="uk-nav uk-nav-navbar">
                                        <li>
                                            <a href="pages-about.html">About Us</a>
                                        </li>
                                        <li>
                                            <a href="pages-team.html">Team</a>
                                        </li>
                                        <li>
                                            <a href="pages-service.html">Service</a>
                                        </li>
                                        <li>
                                            <a href="pages-portfolio.html">Portfolio</a>
                                        </li>
                                        <li>
                                            <a href="pages-contact.html">Contact</a>
                                        </li>
                                        <li>
                                            <a href="pages-faq.html">FAQ</a>
                                        </li>
                                        <li>
                                            <a href="pages-error.html">Error</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="uk-parent" data-uk-dropdown>
                                <a href="shop.html">Shop</a>
                                <div class="uk-dropdown uk-dropdown-navbar uk-dropdown-width-3">
                                    <div class="uk-grid uk-dropdown-grid">
                                        <div class="uk-width-medium-1-3">
                                            <ul class="uk-nav uk-nav-navbar">
                                                <li class="uk-nav-header">Layouts</li>
                                                <li>
                                                    <a href="shop-singleproduct.html">Single Product</a>
                                                </li>
                                                <li>
                                                    <a href="shop-cart.html">Cart</a>
                                                </li>
                                                <li>
                                                    <a href="shop-checkout.html">Checkout</a>
                                                </li>
                                                <li>
                                                    <a href="shop-wishlist.html">Wishlist</a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="uk-width-medium-2-3">
                                            <div class="uk-panel">
                                                <div class="uk-panel-badge uk-badge uk-badge-danger">Only now - $99</div>
                                                <a href="shop-singleproduct.html"><img src="http://placehold.it/400x300&text=demo" width="400" height="300" alt="Product Image"></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="uk-parent" data-uk-dropdown>
                                <a href="#">Features</a>
                                <div class="uk-dropdown uk-dropdown-navbar">
                                    <ul class="uk-nav uk-nav-navbar">
                                        <li>
                                            <a href="features-columns.html">Columns</a>
                                        </li>
                                        <li>
                                            <a href="features-positions.html">Positions</a>
                                        </li>
                                        <li>
                                            <a href="features-uikit-elements.html">UIkit Elements</a>
                                        </li>
                                        <li>
                                            <a href="features-theme-elements.html">Theme Elements</a>
                                        </li>
                                        <li>
                                            <a href="features-typography.html">Typhography</a>
                                        </li>
                                        <li>
                                            <a href="features-icons.html">Icons</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="uk-parent" data-uk-dropdown>
                                <a href="blog.html">Blog</a>
                                <div class="uk-dropdown uk-dropdown-navbar">
                                    <ul class="uk-nav uk-nav-navbar">
                                        <li>
                                            <a href="blog-singlepost.html">Single Post</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                        </ul>
                    </div>

                    <a href="#offcanvas" class="uk-navbar-toggle uk-hidden-large" data-uk-offcanvas></a>

                </nav>

                <div class="bh-toolbar-left uk-visible-large">
                    <a class="bh-search-toggle" href="#" data-uk-toggle="{target:'.bh-search-bar', animation: 'uk-animation-slide-top'}"><i class="uk-icon-search"></i></a>
                </div>

                <div class="bh-toolbar-right">
                    <div class="uk-panel">
                        <ul class="uk-subnav uk-subnav-line">
                            <li>
                                <a href="#offcanvas-cart" data-uk-offcanvas><i class="uk-icon-shopping-cart uk-margin-small-right uk-hidden-small"></i> $209.80 <span class="uk-badge uk-badge-danger uk-badge-notification uk-margin-small-left">2</span></a>
                            </li>
                            <li class="uk-hidden-small">
                                <a href="shop-wishlist.html"><i class=" uk-icon-heart"></i></a>
                            </li>
                            <li class="uk-hidden-small">
                                <a href="#login" data-uk-modal><i class=" uk-icon-user"></i></a>
                            </li>
                            <li class="uk-hidden-small">
                                <a href="#"><i class="uk-icon-power-off"></i></a>
                            </li>
                        </ul>
                    </div>
                </div>

            </div>

            <div class="bh-search-bar uk-hidden">
                <form class="uk-search" data-uk-search>
                    <input class="uk-search-field" type="search" placeholder="Search...">
                </form>
                <a href="#" class="uk-close" data-uk-toggle="{target:'.bh-search-bar'}"></a>
            </div>
        </div>

<!-- FontAwesome 4.3.0 -->
<div class="bh-position-title">
     <div class="uk-container uk-container-center">
        <div class="uk-panel">
            <h1>Icons</h1>
        </div>
    </div>
</div>

<div class="bh-position bh-position-default">
     <div class="uk-container uk-container-center">

          <article class="uk-article">

               <div class="uk-alert uk-margin-large-bottom">
                    <p>
                         <i class="uk-icon-info-circle"></i> This template is using the <a href="http://fortawesome.github.io/Font-Awesome/" target="_blank">Font Awesome</a> icon font with over 400 great icons.
                    </p>
               </div>

               <h2>Web Application Icons</h2>
               <ul class="uk-grid uk-grid-width-1-2 uk-grid-width-medium-1-4">

                    <li><i class="uk-icon-adjust"></i> adjust</li>
                    <li><i class="uk-icon-anchor"></i> anchor</li>
                    <li><i class="uk-icon-archive"></i> archive</li>
                    <li><i class="uk-icon-area-chart"></i> area-chart</li>
                    <li><i class="uk-icon-arrows"></i> arrows</li>
                    <li><i class="uk-icon-arrows-h"></i> arrows-h</li>
                    <li><i class="uk-icon-arrows-v"></i> arrows-v</li>
                    <li><i class="uk-icon-asterisk"></i> asterisk</li>
                    <li><i class="uk-icon-at"></i> at</li>
                    <li><i class="uk-icon-automobile"></i> automobile <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-ban"></i> ban</li>
                    <li><i class="uk-icon-bank"></i> bank <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-bar-chart"></i> bar-chart</li>
                    <li><i class="uk-icon-bar-chart-o"></i> bar-chart-o <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-barcode"></i> barcode</li>
                    <li><i class="uk-icon-bars"></i> bars</li>
                    <li><i class="uk-icon-bed"></i> bed</li>
                    <li><i class="uk-icon-beer"></i> beer</li>
                    <li><i class="uk-icon-bell"></i> bell</li>
                    <li><i class="uk-icon-bell-o"></i> bell-o</li>
                    <li><i class="uk-icon-bell-slash"></i> bell-slash</li>
                    <li><i class="uk-icon-bell-slash-o"></i> bell-slash-o</li>
                    <li><i class="uk-icon-bicycle"></i> bicycle</li>
                    <li><i class="uk-icon-binoculars"></i> binoculars</li>
                    <li><i class="uk-icon-birthday-cake"></i> birthday-cake</li>
                    <li><i class="uk-icon-bolt"></i> bolt</li>
                    <li><i class="uk-icon-bomb"></i> bomb</li>
                    <li><i class="uk-icon-book"></i> book</li>
                    <li><i class="uk-icon-bookmark"></i> bookmark</li>
                    <li><i class="uk-icon-bookmark-o"></i> bookmark-o</li>
                    <li><i class="uk-icon-briefcase"></i> briefcase</li>
                    <li><i class="uk-icon-bug"></i> bug</li>
                    <li><i class="uk-icon-building"></i> building</li>
                    <li><i class="uk-icon-building-o"></i> building-o</li>
                    <li><i class="uk-icon-bullhorn"></i> bullhorn</li>
                    <li><i class="uk-icon-bullseye"></i> bullseye</li>
                    <li><i class="uk-icon-bus"></i> bus</li>
                    <li><i class="uk-icon-cab"></i> cab <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-calculator"></i> calculator</li>
                    <li><i class="uk-icon-calendar"></i> calendar</li>
                    <li><i class="uk-icon-calendar-o"></i> calendar-o</li>
                    <li><i class="uk-icon-camera"></i> camera</li>
                    <li><i class="uk-icon-camera-retro"></i> camera-retro</li>
                    <li><i class="uk-icon-car"></i> car</li>
                    <li><i class="uk-icon-caret-square-o-down"></i> caret-square-o-down</li>
                    <li><i class="uk-icon-caret-square-o-left"></i> caret-square-o-left</li>
                    <li><i class="uk-icon-caret-square-o-right"></i> caret-square-o-right</li>
                    <li><i class="uk-icon-caret-square-o-up"></i> caret-square-o-up</li>
                    <li><i class="uk-icon-cart-arrow-down"></i> cart-arrow-down</li>
                    <li><i class="uk-icon-cart-plus"></i> cart-plus</li>
                    <li><i class="uk-icon-cc"></i> cc</li>
                    <li><i class="uk-icon-certificate"></i> certificate</li>
                    <li><i class="uk-icon-check"></i> check</li>
                    <li><i class="uk-icon-check-circle"></i> check-circle</li>
                    <li><i class="uk-icon-check-circle-o"></i> check-circle-o</li>
                    <li><i class="uk-icon-check-square"></i> check-square</li>
                    <li><i class="uk-icon-check-square-o"></i> check-square-o</li>
                    <li><i class="uk-icon-child"></i> child</li>
                    <li><i class="uk-icon-circle"></i> circle</li>
                    <li><i class="uk-icon-circle-o"></i> circle-o</li>
                    <li><i class="uk-icon-circle-o-notch"></i> circle-o-notch</li>
                    <li><i class="uk-icon-circle-thin"></i> circle-thin</li>
                    <li><i class="uk-icon-clock-o"></i> clock-o</li>
                    <li><i class="uk-icon-close"></i> close <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-cloud"></i> cloud</li>
                    <li><i class="uk-icon-cloud-download"></i> cloud-download</li>
                    <li><i class="uk-icon-cloud-upload"></i> cloud-upload</li>
                    <li><i class="uk-icon-code"></i> code</li>
                    <li><i class="uk-icon-code-fork"></i> code-fork</li>
                    <li><i class="uk-icon-coffee"></i> coffee</li>
                    <li><i class="uk-icon-cog"></i> cog</li>
                    <li><i class="uk-icon-cogs"></i> cogs</li>
                    <li><i class="uk-icon-comment"></i> comment</li>
                    <li><i class="uk-icon-comment-o"></i> comment-o</li>
                    <li><i class="uk-icon-comments"></i> comments</li>
                    <li><i class="uk-icon-comments-o"></i> comments-o</li>
                    <li><i class="uk-icon-compass"></i> compass</li>
                    <li><i class="uk-icon-copyright"></i> copyright</li>
                    <li><i class="uk-icon-credit-card"></i> credit-card</li>
                    <li><i class="uk-icon-crop"></i> crop</li>
                    <li><i class="uk-icon-crosshairs"></i> crosshairs</li>
                    <li><i class="uk-icon-cube"></i> cube</li>
                    <li><i class="uk-icon-cubes"></i> cubes</li>
                    <li><i class="uk-icon-cutlery"></i> cutlery</li>
                    <li><i class="uk-icon-dashboard"></i> dashboard <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-database"></i> database</li>
                    <li><i class="uk-icon-desktop"></i> desktop</li>
                    <li><i class="uk-icon-diamond"></i> diamond</li>
                    <li><i class="uk-icon-dot-circle-o"></i> dot-circle-o</li>
                    <li><i class="uk-icon-download"></i> download</li>
                    <li><i class="uk-icon-edit"></i> edit <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-ellipsis-h"></i> ellipsis-h</li>
                    <li><i class="uk-icon-ellipsis-v"></i> ellipsis-v</li>
                    <li><i class="uk-icon-envelope"></i> envelope</li>
                    <li><i class="uk-icon-envelope-o"></i> envelope-o</li>
                    <li><i class="uk-icon-envelope-square"></i> envelope-square</li>
                    <li><i class="uk-icon-eraser"></i> eraser</li>
                    <li><i class="uk-icon-exchange"></i> exchange</li>
                    <li><i class="uk-icon-exclamation"></i> exclamation</li>
                    <li><i class="uk-icon-exclamation-circle"></i> exclamation-circle</li>
                    <li><i class="uk-icon-exclamation-triangle"></i> exclamation-triangle</li>
                    <li><i class="uk-icon-external-link"></i> external-link</li>
                    <li><i class="uk-icon-external-link-square"></i> external-link-square</li>
                    <li><i class="uk-icon-eye"></i> eye</li>
                    <li><i class="uk-icon-eye-slash"></i> eye-slash</li>
                    <li><i class="uk-icon-eyedropper"></i> eyedropper</li>
                    <li><i class="uk-icon-fax"></i> fax</li>
                    <li><i class="uk-icon-female"></i> female</li>
                    <li><i class="uk-icon-fighter-jet"></i> fighter-jet</li>
                    <li><i class="uk-icon-file-archive-o"></i> file-archive-o</li>
                    <li><i class="uk-icon-file-audio-o"></i> file-audio-o</li>
                    <li><i class="uk-icon-file-code-o"></i> file-code-o</li>
                    <li><i class="uk-icon-file-excel-o"></i> file-excel-o</li>
                    <li><i class="uk-icon-file-image-o"></i> file-image-o</li>
                    <li><i class="uk-icon-file-movie-o"></i> file-movie-o <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-file-pdf-o"></i> file-pdf-o</li>
                    <li><i class="uk-icon-file-photo-o"></i> file-photo-o <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-file-picture-o"></i> file-picture-o <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-file-powerpoint-o"></i> file-powerpoint-o</li>
                    <li><i class="uk-icon-file-sound-o"></i> file-sound-o <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-file-video-o"></i> file-video-o</li>
                    <li><i class="uk-icon-file-word-o"></i> file-word-o</li>
                    <li><i class="uk-icon-file-zip-o"></i> file-zip-o <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-film"></i> film</li>
                    <li><i class="uk-icon-filter"></i> filter</li>
                    <li><i class="uk-icon-fire"></i> fire</li>
                    <li><i class="uk-icon-fire-extinguisher"></i> fire-extinguisher</li>
                    <li><i class="uk-icon-flag"></i> flag</li>
                    <li><i class="uk-icon-flag-checkered"></i> flag-checkered</li>
                    <li><i class="uk-icon-flag-o"></i> flag-o</li>
                    <li><i class="uk-icon-flash"></i> flash <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-flask"></i> flask</li>
                    <li><i class="uk-icon-folder"></i> folder</li>
                    <li><i class="uk-icon-folder-o"></i> folder-o</li>
                    <li><i class="uk-icon-folder-open"></i> folder-open</li>
                    <li><i class="uk-icon-folder-open-o"></i> folder-open-o</li>
                    <li><i class="uk-icon-frown-o"></i> frown-o</li>
                    <li><i class="uk-icon-futbol-o"></i> futbol-o</li>
                    <li><i class="uk-icon-gamepad"></i> gamepad</li>
                    <li><i class="uk-icon-gavel"></i> gavel</li>
                    <li><i class="uk-icon-gear"></i> gear <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-gears"></i> gears <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-genderless"></i> genderless <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-gift"></i> gift</li>
                    <li><i class="uk-icon-glass"></i> glass</li>
                    <li><i class="uk-icon-globe"></i> globe</li>
                    <li><i class="uk-icon-graduation-cap"></i> graduation-cap</li>
                    <li><i class="uk-icon-group"></i> group <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-hdd-o"></i> hdd-o</li>
                    <li><i class="uk-icon-headphones"></i> headphones</li>
                    <li><i class="uk-icon-heart"></i> heart</li>
                    <li><i class="uk-icon-heart-o"></i> heart-o</li>
                    <li><i class="uk-icon-heartbeat"></i> heartbeat</li>
                    <li><i class="uk-icon-history"></i> history</li>
                    <li><i class="uk-icon-home"></i> home</li>
                    <li><i class="uk-icon-hotel"></i> hotel <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-image"></i> image <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-inbox"></i> inbox</li>
                    <li><i class="uk-icon-info"></i> info</li>
                    <li><i class="uk-icon-info-circle"></i> info-circle</li>
                    <li><i class="uk-icon-institution"></i> institution <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-key"></i> key</li>
                    <li><i class="uk-icon-keyboard-o"></i> keyboard-o</li>
                    <li><i class="uk-icon-language"></i> language</li>
                    <li><i class="uk-icon-laptop"></i> laptop</li>
                    <li><i class="uk-icon-leaf"></i> leaf</li>
                    <li><i class="uk-icon-legal"></i> legal <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-lemon-o"></i> lemon-o</li>
                    <li><i class="uk-icon-level-down"></i> level-down</li>
                    <li><i class="uk-icon-level-up"></i> level-up</li>
                    <li><i class="uk-icon-life-bouy"></i> life-bouy <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-life-buoy"></i> life-buoy <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-life-ring"></i> life-ring</li>
                    <li><i class="uk-icon-life-saver"></i> life-saver <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-lightbulb-o"></i> lightbulb-o</li>
                    <li><i class="uk-icon-line-chart"></i> line-chart</li>
                    <li><i class="uk-icon-location-arrow"></i> location-arrow</li>
                    <li><i class="uk-icon-lock"></i> lock</li>
                    <li><i class="uk-icon-magic"></i> magic</li>
                    <li><i class="uk-icon-magnet"></i> magnet</li>
                    <li><i class="uk-icon-mail-forward"></i> mail-forward <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-mail-reply"></i> mail-reply <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-mail-reply-all"></i> mail-reply-all <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-male"></i> male</li>
                    <li><i class="uk-icon-map-marker"></i> map-marker</li>
                    <li><i class="uk-icon-meh-o"></i> meh-o</li>
                    <li><i class="uk-icon-microphone"></i> microphone</li>
                    <li><i class="uk-icon-microphone-slash"></i> microphone-slash</li>
                    <li><i class="uk-icon-minus"></i> minus</li>
                    <li><i class="uk-icon-minus-circle"></i> minus-circle</li>
                    <li><i class="uk-icon-minus-square"></i> minus-square</li>
                    <li><i class="uk-icon-minus-square-o"></i> minus-square-o</li>
                    <li><i class="uk-icon-mobile"></i> mobile</li>
                    <li><i class="uk-icon-mobile-phone"></i> mobile-phone <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-money"></i> money</li>
                    <li><i class="uk-icon-moon-o"></i> moon-o</li>
                    <li><i class="uk-icon-mortar-board"></i> mortar-board <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-motorcycle"></i> motorcycle</li>
                    <li><i class="uk-icon-music"></i> music</li>
                    <li><i class="uk-icon-navicon"></i> navicon <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-newspaper-o"></i> newspaper-o</li>
                    <li><i class="uk-icon-paint-brush"></i> paint-brush</li>
                    <li><i class="uk-icon-paper-plane"></i> paper-plane</li>
                    <li><i class="uk-icon-paper-plane-o"></i> paper-plane-o</li>
                    <li><i class="uk-icon-paw"></i> paw</li>
                    <li><i class="uk-icon-pencil"></i> pencil</li>
                    <li><i class="uk-icon-pencil-square"></i> pencil-square</li>
                    <li><i class="uk-icon-pencil-square-o"></i> pencil-square-o</li>
                    <li><i class="uk-icon-phone"></i> phone</li>
                    <li><i class="uk-icon-phone-square"></i> phone-square</li>
                    <li><i class="uk-icon-photo"></i> photo <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-picture-o"></i> picture-o</li>
                    <li><i class="uk-icon-pie-chart"></i> pie-chart</li>
                    <li><i class="uk-icon-plane"></i> plane</li>
                    <li><i class="uk-icon-plug"></i> plug</li>
                    <li><i class="uk-icon-plus"></i> plus</li>
                    <li><i class="uk-icon-plus-circle"></i> plus-circle</li>
                    <li><i class="uk-icon-plus-square"></i> plus-square</li>
                    <li><i class="uk-icon-plus-square-o"></i> plus-square-o</li>
                    <li><i class="uk-icon-power-off"></i> power-off</li>
                    <li><i class="uk-icon-print"></i> print</li>
                    <li><i class="uk-icon-puzzle-piece"></i> puzzle-piece</li>
                    <li><i class="uk-icon-qrcode"></i> qrcode</li>
                    <li><i class="uk-icon-question"></i> question</li>
                    <li><i class="uk-icon-question-circle"></i> question-circle</li>
                    <li><i class="uk-icon-quote-left"></i> quote-left</li>
                    <li><i class="uk-icon-quote-right"></i> quote-right</li>
                    <li><i class="uk-icon-random"></i> random</li>
                    <li><i class="uk-icon-recycle"></i> recycle</li>
                    <li><i class="uk-icon-refresh"></i> refresh</li>
                    <li><i class="uk-icon-remove"></i> remove <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-reorder"></i> reorder <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-reply"></i> reply</li>
                    <li><i class="uk-icon-reply-all"></i> reply-all</li>
                    <li><i class="uk-icon-retweet"></i> retweet</li>
                    <li><i class="uk-icon-road"></i> road</li>
                    <li><i class="uk-icon-rocket"></i> rocket</li>
                    <li><i class="uk-icon-rss"></i> rss</li>
                    <li><i class="uk-icon-rss-square"></i> rss-square</li>
                    <li><i class="uk-icon-search"></i> search</li>
                    <li><i class="uk-icon-search-minus"></i> search-minus</li>
                    <li><i class="uk-icon-search-plus"></i> search-plus</li>
                    <li><i class="uk-icon-send"></i> send <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-send-o"></i> send-o <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-server"></i> server</li>
                    <li><i class="uk-icon-share"></i> share</li>
                    <li><i class="uk-icon-share-alt"></i> share-alt</li>
                    <li><i class="uk-icon-share-alt-square"></i> share-alt-square</li>
                    <li><i class="uk-icon-share-square"></i> share-square</li>
                    <li><i class="uk-icon-share-square-o"></i> share-square-o</li>
                    <li><i class="uk-icon-shield"></i> shield</li>
                    <li><i class="uk-icon-ship"></i> ship</li>
                    <li><i class="uk-icon-shopping-cart"></i> shopping-cart</li>
                    <li><i class="uk-icon-sign-in"></i> sign-in</li>
                    <li><i class="uk-icon-sign-out"></i> sign-out</li>
                    <li><i class="uk-icon-signal"></i> signal</li>
                    <li><i class="uk-icon-sitemap"></i> sitemap</li>
                    <li><i class="uk-icon-sliders"></i> sliders</li>
                    <li><i class="uk-icon-smile-o"></i> smile-o</li>
                    <li><i class="uk-icon-soccer-ball-o"></i> soccer-ball-o <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-sort"></i> sort</li>
                    <li><i class="uk-icon-sort-alpha-asc"></i> sort-alpha-asc</li>
                    <li><i class="uk-icon-sort-alpha-desc"></i> sort-alpha-desc</li>
                    <li><i class="uk-icon-sort-amount-asc"></i> sort-amount-asc</li>
                    <li><i class="uk-icon-sort-amount-desc"></i> sort-amount-desc</li>
                    <li><i class="uk-icon-sort-asc"></i> sort-asc</li>
                    <li><i class="uk-icon-sort-desc"></i> sort-desc</li>
                    <li><i class="uk-icon-sort-down"></i> sort-down <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-sort-numeric-asc"></i> sort-numeric-asc</li>
                    <li><i class="uk-icon-sort-numeric-desc"></i> sort-numeric-desc</li>
                    <li><i class="uk-icon-sort-up"></i> sort-up <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-space-shuttle"></i> space-shuttle</li>
                    <li><i class="uk-icon-spinner"></i> spinner</li>
                    <li><i class="uk-icon-spoon"></i> spoon</li>
                    <li><i class="uk-icon-square"></i> square</li>
                    <li><i class="uk-icon-square-o"></i> square-o</li>
                    <li><i class="uk-icon-star"></i> star</li>
                    <li><i class="uk-icon-star-half"></i> star-half</li>
                    <li><i class="uk-icon-star-half-empty"></i> star-half-empty <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-star-half-full"></i> star-half-full <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-star-half-o"></i> star-half-o</li>
                    <li><i class="uk-icon-star-o"></i> star-o</li>
                    <li><i class="uk-icon-street-view"></i> street-view</li>
                    <li><i class="uk-icon-suitcase"></i> suitcase</li>
                    <li><i class="uk-icon-sun-o"></i> sun-o</li>
                    <li><i class="uk-icon-support"></i> support <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-tablet"></i> tablet</li>
                    <li><i class="uk-icon-tachometer"></i> tachometer</li>
                    <li><i class="uk-icon-tag"></i> tag</li>
                    <li><i class="uk-icon-tags"></i> tags</li>
                    <li><i class="uk-icon-tasks"></i> tasks</li>
                    <li><i class="uk-icon-taxi"></i> taxi</li>
                    <li><i class="uk-icon-terminal"></i> terminal</li>
                    <li><i class="uk-icon-thumb-tack"></i> thumb-tack</li>
                    <li><i class="uk-icon-thumbs-down"></i> thumbs-down</li>
                    <li><i class="uk-icon-thumbs-o-down"></i> thumbs-o-down</li>
                    <li><i class="uk-icon-thumbs-o-up"></i> thumbs-o-up</li>
                    <li><i class="uk-icon-thumbs-up"></i> thumbs-up</li>
                    <li><i class="uk-icon-ticket"></i> ticket</li>
                    <li><i class="uk-icon-times"></i> times</li>
                    <li><i class="uk-icon-times-circle"></i> times-circle</li>
                    <li><i class="uk-icon-times-circle-o"></i> times-circle-o</li>
                    <li><i class="uk-icon-tint"></i> tint</li>
                    <li><i class="uk-icon-toggle-down"></i> toggle-down <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-toggle-left"></i> toggle-left <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-toggle-off"></i> toggle-off</li>
                    <li><i class="uk-icon-toggle-on"></i> toggle-on</li>
                    <li><i class="uk-icon-toggle-right"></i> toggle-right <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-toggle-up"></i> toggle-up <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-trash"></i> trash</li>
                    <li><i class="uk-icon-trash-o"></i> trash-o</li>
                    <li><i class="uk-icon-tree"></i> tree</li>
                    <li><i class="uk-icon-trophy"></i> trophy</li>
                    <li><i class="uk-icon-truck"></i> truck</li>
                    <li><i class="uk-icon-tty"></i> tty</li>
                    <li><i class="uk-icon-umbrella"></i> umbrella</li>
                    <li><i class="uk-icon-university"></i> university</li>
                    <li><i class="uk-icon-unlock"></i> unlock</li>
                    <li><i class="uk-icon-unlock-alt"></i> unlock-alt</li>
                    <li><i class="uk-icon-unsorted"></i> unsorted <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-upload"></i> upload</li>
                    <li><i class="uk-icon-user"></i> user</li>
                    <li><i class="uk-icon-user-plus"></i> user-plus</li>
                    <li><i class="uk-icon-user-secret"></i> user-secret</li>
                    <li><i class="uk-icon-user-times"></i> user-times</li>
                    <li><i class="uk-icon-users"></i> users</li>
                    <li><i class="uk-icon-video-camera"></i> video-camera</li>
                    <li><i class="uk-icon-volume-down"></i> volume-down</li>
                    <li><i class="uk-icon-volume-off"></i> volume-off</li>
                    <li><i class="uk-icon-volume-up"></i> volume-up</li>
                    <li><i class="uk-icon-warning"></i> warning <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-wheelchair"></i> wheelchair</li>
                    <li><i class="uk-icon-wifi"></i> wifi</li>
                    <li><i class="uk-icon-wrench"></i> wrench</li>
               </ul>

               <h2>Transportation Icons</h2>

               <ul class="uk-grid uk-grid-width-1-2 uk-grid-width-medium-1-4">
                    <li><i class="uk-icon-ambulance"></i> ambulance</li>
                    <li><i class="uk-icon-automobile"></i> automobile <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-bicycle"></i> bicycle</li>
                    <li><i class="uk-icon-bus"></i> bus</li>
                    <li><i class="uk-icon-cab"></i> cab <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-car"></i> car</li>
                    <li><i class="uk-icon-fighter-jet"></i> fighter-jet</li>
                    <li><i class="uk-icon-motorcycle"></i> motorcycle</li>
                    <li><i class="uk-icon-plane"></i> plane</li>
                    <li><i class="uk-icon-rocket"></i> rocket</li>
                    <li><i class="uk-icon-ship"></i> ship</li>
                    <li><i class="uk-icon-space-shuttle"></i> space-shuttle</li>
                    <li><i class="uk-icon-subway"></i> subway</li>
                    <li><i class="uk-icon-taxi"></i> taxi</li>
                    <li><i class="uk-icon-train"></i> train</li>
                    <li><i class="uk-icon-truck"></i> truck</li>
                    <li><i class="uk-icon-wheelchair"></i> wheelchair</li>
               </ul>

               <h2>File Type Icons</h2>

               <ul class="uk-grid" data-uk-margin>
                    <li class="uk-width-1-2 uk-width-medium-1-4"><i class="uk-icon-file"></i> file</li>
                    <li class="uk-width-1-2 uk-width-medium-1-4"><i class="uk-icon-file-archive-o"></i> file-archive-o</li>
                    <li class="uk-width-1-2 uk-width-medium-1-4"><i class="uk-icon-file-audio-o"></i> file-audio-o</li>
                    <li class="uk-width-1-2 uk-width-medium-1-4"><i class="uk-icon-file-code-o"></i> file-code-o</li>
                    <li class="uk-width-1-2 uk-width-medium-1-4"><i class="uk-icon-file-excel-o"></i> file-excel-o</li>
                    <li class="uk-width-1-2 uk-width-medium-1-4"><i class="uk-icon-file-image-o"></i> file-image-o</li>
                    <li class="uk-width-1-2 uk-width-medium-1-4"><i class="uk-icon-file-movie-o"></i> file-movie-o <span class="uk-text-muted">(alias)</span></li>
                    <li class="uk-width-1-2 uk-width-medium-1-4"><i class="uk-icon-file-o"></i> file-o</li>
                    <li class="uk-width-1-2 uk-width-medium-1-4"><i class="uk-icon-file-pdf-o"></i> file-pdf-o</li>
                    <li class="uk-width-1-2 uk-width-medium-1-4"><i class="uk-icon-file-photo-o"></i> file-photo-o <span class="uk-text-muted">(alias)</span></li>
                    <li class="uk-width-1-2 uk-width-medium-1-4"><i class="uk-icon-file-picture-o"></i> file-picture-o <span class="uk-text-muted">(alias)</span></li>
                    <li class="uk-width-1-2 uk-width-medium-1-4"><i class="uk-icon-file-powerpoint-o"></i> file-powerpoint-o</li>
                    <li class="uk-width-1-2 uk-width-medium-1-4"><i class="uk-icon-file-sound-o"></i> file-sound-o <span class="uk-text-muted">(alias)</span></li>
                    <li class="uk-width-1-2 uk-width-medium-1-4"><i class="uk-icon-file-text"></i> file-text</li>
                    <li class="uk-width-1-2 uk-width-medium-1-4"><i class="uk-icon-file-text-o"></i> file-text-o</li>
                    <li class="uk-width-1-2 uk-width-medium-1-4"><i class="uk-icon-file-video-o"></i> file-video-o</li>
                    <li class="uk-width-1-2 uk-width-medium-1-4"><i class="uk-icon-file-word-o"></i> file-word-o</li>
                    <li class="uk-width-1-2 uk-width-medium-1-4"><i class="uk-icon-file-zip-o"></i> file-zip-o <span class="uk-text-muted">(alias)</span></li>
               </ul>

               <h2>Gender Icons</h2>

               <ul class="uk-grid uk-grid-width-1-2 uk-grid-width-medium-1-4">
                    <li><i class="uk-icon-circle-thin"></i> circle-thin</li>
                    <li><i class="uk-icon-genderless"></i> genderless <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-mars"></i> mars</li>
                    <li><i class="uk-icon-mars-double"></i> mars-double</li>
                    <li><i class="uk-icon-mars-stroke"></i> mars-stroke</li>
                    <li><i class="uk-icon-mars-stroke-h"></i> mars-stroke-h</li>
                    <li><i class="uk-icon-mars-stroke-v"></i> mars-stroke-v</li>
                    <li><i class="uk-icon-mercury"></i> mercury</li>
                    <li><i class="uk-icon-neuter"></i> neuter</li>
                    <li><i class="uk-icon-transgender"></i> transgender</li>
                    <li><i class="uk-icon-transgender-alt"></i> transgender-alt</li>
                    <li><i class="uk-icon-venus"></i> venus</li>
                    <li><i class="uk-icon-venus-double"></i> venus-double</li>
                    <li><i class="uk-icon-venus-mars"></i> venus-mars</li>
               </ul>

               <h2>File Type Icons</h2>

               <ul class="uk-grid uk-grid-width-1-2 uk-grid-width-medium-1-4">
                    <li><i class="uk-icon-file"></i> file</li>
                    <li><i class="uk-icon-file-archive-o"></i> file-archive-o</li>
                    <li><i class="uk-icon-file-audio-o"></i> file-audio-o</li>
                    <li><i class="uk-icon-file-code-o"></i> file-code-o</li>
                    <li><i class="uk-icon-file-excel-o"></i> file-excel-o</li>
                    <li><i class="uk-icon-file-image-o"></i> file-image-o</li>
                    <li><i class="uk-icon-file-movie-o"></i> file-movie-o <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-file-o"></i> file-o</li>
                    <li><i class="uk-icon-file-pdf-o"></i> file-pdf-o</li>
                    <li><i class="uk-icon-file-photo-o"></i> file-photo-o <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-file-picture-o"></i> file-picture-o <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-file-powerpoint-o"></i> file-powerpoint-o</li>
                    <li><i class="uk-icon-file-sound-o"></i> file-sound-o <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-file-text"></i> file-text</li>
                    <li><i class="uk-icon-file-text-o"></i> file-text-o</li>
                    <li><i class="uk-icon-file-video-o"></i> file-video-o</li>
                    <li><i class="uk-icon-file-word-o"></i> file-word-o</li>
                    <li><i class="uk-icon-file-zip-o"></i> file-zip-o <span class="uk-text-muted">(alias)</span></li>
               </ul>

               <h2>Spinner Icons</h2>

               <ul class="uk-grid uk-grid-width-1-2 uk-grid-width-medium-1-4">
                    <li><i class="uk-icon-circle-o-notch"></i> circle-o-notch</li>
                    <li><i class="uk-icon-cog"></i> cog</li>
                    <li><i class="uk-icon-gear"></i> gear <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-refresh"></i> refresh</li>
                    <li><i class="uk-icon-spinner"></i> spinner<li>
               </ul>

               <h2>Form Control Icons</h2>

               <ul class="uk-grid uk-grid-width-1-2 uk-grid-width-medium-1-4">
                    <li><i class="uk-icon-check-square"></i> check-square</li>
                    <li><i class="uk-icon-check-square-o"></i> check-square-o</li>
                    <li><i class="uk-icon-circle"></i> circle</li>
                    <li><i class="uk-icon-circle-o"></i> circle-o</li>
                    <li><i class="uk-icon-dot-circle-o"></i> dot-circle-o</li>
                    <li><i class="uk-icon-minus-square"></i> minus-square</li>
                    <li><i class="uk-icon-minus-square-o"></i> minus-square-o</li>
                    <li><i class="uk-icon-plus-square"></i> plus-square</li>
                    <li><i class="uk-icon-plus-square-o"></i> plus-square-o</li>
                    <li><i class="uk-icon-square"></i> square</li>
                    <li><i class="uk-icon-square-o"></i> square-o</li>
               </ul>

               <h2>Payment Icons</h2>

               <ul class="uk-grid uk-grid-width-1-2 uk-grid-width-medium-1-4">
                    <li><i class="uk-icon-cc-amex"></i> cc-amex</li>
                    <li><i class="uk-icon-cc-discover"></i> cc-discover</li>
                    <li><i class="uk-icon-cc-mastercard"></i> cc-mastercard</li>
                    <li><i class="uk-icon-cc-paypal"></i> cc-paypal</li>
                    <li><i class="uk-icon-cc-stripe"></i> cc-stripe</li>
                    <li><i class="uk-icon-cc-visa"></i> cc-visa</li>
                    <li><i class="uk-icon-credit-card"></i> credit-card</li>
                    <li><i class="uk-icon-google-wallet"></i> google-wallet</li>
                    <li><i class="uk-icon-paypal"></i> paypal</li>
               </ul>

               <h2>Currency Icons</h2>

               <ul class="uk-grid uk-grid-width-1-2 uk-grid-width-medium-1-4">
                    <li><i class="uk-icon-bitcoin"></i> bitcoin <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-btc"></i> btc</li>
                    <li><i class="uk-icon-cny"></i> cny <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-dollar"></i> dollar <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-eur"></i> eur</li>
                    <li><i class="uk-icon-euro"></i> euro <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-gbp"></i> gbp</li>
                    <li><i class="uk-icon-ils"></i> ils</li>
                    <li><i class="uk-icon-inr"></i> inr</li>
                    <li><i class="uk-icon-jpy"></i> jpy</li>
                    <li><i class="uk-icon-krw"></i> krw</li>
                    <li><i class="uk-icon-money"></i> money</li>
                    <li><i class="uk-icon-rmb"></i> rmb <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-rouble"></i> rouble <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-rub"></i> rub</li>
                    <li><i class="uk-icon-ruble"></i> ruble <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-rupee"></i> rupee <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-shekel"></i> shekel <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-sheqel"></i> sheqel <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-try"></i> try</li>
                    <li><i class="uk-icon-turkish-lira"></i> turkish-lira <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-usd"></i> usd</li>
                    <li><i class="uk-icon-won"></i> won <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-yen"></i> yen <span class="uk-text-muted">(alias)</span></li>
               </ul>

               <h2>Text Editor Icons</h2>

               <ul class="uk-grid uk-grid-width-1-2 uk-grid-width-medium-1-4">
                    <li><i class="uk-icon-align-center"></i> align-center</li>
                    <li><i class="uk-icon-align-justify"></i> align-justify</li>
                    <li><i class="uk-icon-align-left"></i> align-left</li>
                    <li><i class="uk-icon-align-right"></i> align-right</li>
                    <li><i class="uk-icon-bold"></i> bold</li>
                    <li><i class="uk-icon-chain"></i> chain <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-chain-broken"></i> chain-broken</li>
                    <li><i class="uk-icon-clipboard"></i> clipboard</li>
                    <li><i class="uk-icon-columns"></i> columns</li>
                    <li><i class="uk-icon-copy"></i> copy <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-cut"></i> cut <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-dedent"></i> dedent <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-eraser"></i> eraser</li>
                    <li><i class="uk-icon-file"></i> file</li>
                    <li><i class="uk-icon-file-o"></i> file-o</li>
                    <li><i class="uk-icon-file-text"></i> file-text</li>
                    <li><i class="uk-icon-file-text-o"></i> file-text-o</li>
                    <li><i class="uk-icon-files-o"></i> files-o</li>
                    <li><i class="uk-icon-floppy-o"></i> floppy-o</li>
                    <li><i class="uk-icon-font"></i> font</li>
                    <li><i class="uk-icon-header"></i> header</li>
                    <li><i class="uk-icon-indent"></i> indent</li>
                    <li><i class="uk-icon-italic"></i> italic</li>
                    <li><i class="uk-icon-link"></i> link</li>
                    <li><i class="uk-icon-list"></i> list</li>
                    <li><i class="uk-icon-list-alt"></i> list-alt</li>
                    <li><i class="uk-icon-list-ol"></i> list-ol</li>
                    <li><i class="uk-icon-list-ul"></i> list-ul</li>
                    <li><i class="uk-icon-outdent"></i> outdent</li>
                    <li><i class="uk-icon-paperclip"></i> paperclip</li>
                    <li><i class="uk-icon-paragraph"></i> paragraph</li>
                    <li><i class="uk-icon-paste"></i> paste <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-repeat"></i> repeat</li>
                    <li><i class="uk-icon-rotate-left"></i> rotate-left <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-rotate-right"></i> rotate-right <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-save"></i> save <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-scissors"></i> scissors</li>
                    <li><i class="uk-icon-strikethrough"></i> strikethrough</li>
                    <li><i class="uk-icon-subscript"></i> subscript</li>
                    <li><i class="uk-icon-superscript"></i> superscript</li>
                    <li><i class="uk-icon-table"></i> table</li>
                    <li><i class="uk-icon-text-height"></i> text-height</li>
                    <li><i class="uk-icon-text-width"></i> text-width</li>
                    <li><i class="uk-icon-th"></i> th</li>
                    <li><i class="uk-icon-th-large"></i> th-large</li>
                    <li><i class="uk-icon-th-list"></i> th-list</li>
                    <li><i class="uk-icon-underline"></i> underline</li>
                    <li><i class="uk-icon-undo"></i> undo</li>
                    <li><i class="uk-icon-unlink"></i> unlink <span class="uk-text-muted">(alias)</span></li>
               </ul>

               <h2>Directional Icons</h2>

               <ul class="uk-grid uk-grid-width-1-2 uk-grid-width-medium-1-4">
                    <li><i class="uk-icon-angle-double-down"></i> angle-double-down</li>
                    <li><i class="uk-icon-angle-double-left"></i> angle-double-left</li>
                    <li><i class="uk-icon-angle-double-right"></i> angle-double-right</li>
                    <li><i class="uk-icon-angle-double-up"></i> angle-double-up</li>
                    <li><i class="uk-icon-angle-down"></i> angle-down</li>
                    <li><i class="uk-icon-angle-left"></i> angle-left</li>
                    <li><i class="uk-icon-angle-right"></i> angle-right</li>
                    <li><i class="uk-icon-angle-up"></i> angle-up</li>
                    <li><i class="uk-icon-arrow-circle-down"></i> arrow-circle-down</li>
                    <li><i class="uk-icon-arrow-circle-left"></i> arrow-circle-left</li>
                    <li><i class="uk-icon-arrow-circle-o-down"></i> arrow-circle-o-down</li>
                    <li><i class="uk-icon-arrow-circle-o-left"></i> arrow-circle-o-left</li>
                    <li><i class="uk-icon-arrow-circle-o-right"></i> arrow-circle-o-right</li>
                    <li><i class="uk-icon-arrow-circle-o-up"></i> arrow-circle-o-up</li>
                    <li><i class="uk-icon-arrow-circle-right"></i> arrow-circle-right</li>
                    <li><i class="uk-icon-arrow-circle-up"></i> arrow-circle-up</li>
                    <li><i class="uk-icon-arrow-down"></i> arrow-down</li>
                    <li><i class="uk-icon-arrow-left"></i> arrow-left</li>
                    <li><i class="uk-icon-arrow-right"></i> arrow-right</li>
                    <li><i class="uk-icon-arrow-up"></i> arrow-up</li>
                    <li><i class="uk-icon-arrows"></i> arrows</li>
                    <li><i class="uk-icon-arrows-alt"></i> arrows-alt</li>
                    <li><i class="uk-icon-arrows-h"></i> arrows-h</li>
                    <li><i class="uk-icon-arrows-v"></i> arrows-v</li>
                    <li><i class="uk-icon-caret-down"></i> caret-down</li>
                    <li><i class="uk-icon-caret-left"></i> caret-left</li>
                    <li><i class="uk-icon-caret-right"></i> caret-right</li>
                    <li><i class="uk-icon-caret-square-o-down"></i> caret-square-o-down</li>
                    <li><i class="uk-icon-caret-square-o-left"></i> caret-square-o-left</li>
                    <li><i class="uk-icon-caret-square-o-right"></i> caret-square-o-right</li>
                    <li><i class="uk-icon-caret-square-o-up"></i> caret-square-o-up</li>
                    <li><i class="uk-icon-caret-up"></i> caret-up</li>
                    <li><i class="uk-icon-chevron-circle-down"></i> chevron-circle-down</li>
                    <li><i class="uk-icon-chevron-circle-left"></i> chevron-circle-left</li>
                    <li><i class="uk-icon-chevron-circle-right"></i> chevron-circle-right</li>
                    <li><i class="uk-icon-chevron-circle-up"></i> chevron-circle-up</li>
                    <li><i class="uk-icon-chevron-down"></i> chevron-down</li>
                    <li><i class="uk-icon-chevron-left"></i> chevron-left</li>
                    <li><i class="uk-icon-chevron-right"></i> chevron-right</li>
                    <li><i class="uk-icon-chevron-up"></i> chevron-up</li>
                    <li><i class="uk-icon-hand-o-down"></i> hand-o-down</li>
                    <li><i class="uk-icon-hand-o-left"></i> hand-o-left</li>
                    <li><i class="uk-icon-hand-o-right"></i> hand-o-right</li>
                    <li><i class="uk-icon-hand-o-up"></i> hand-o-up</li>
                    <li><i class="uk-icon-long-arrow-down"></i> long-arrow-down</li>
                    <li><i class="uk-icon-long-arrow-left"></i> long-arrow-left</li>
                    <li><i class="uk-icon-long-arrow-right"></i> long-arrow-right</li>
                    <li><i class="uk-icon-long-arrow-up"></i> long-arrow-up</li>
                    <li><i class="uk-icon-toggle-down"></i> toggle-down <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-toggle-left"></i> toggle-left <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-toggle-right"></i> toggle-right <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-toggle-up"></i> toggle-up <span class="uk-text-muted">(alias)</span></li>
               </ul>

               <h2>Video Player Icons</h2>

               <ul class="uk-grid uk-grid-width-1-2 uk-grid-width-medium-1-4">
                    <li><i class="uk-icon-arrows-alt"></i> arrows-alt</li>
                    <li><i class="uk-icon-backward"></i> backward</li>
                    <li><i class="uk-icon-compress"></i> compress</li>
                    <li><i class="uk-icon-eject"></i> eject</li>
                    <li><i class="uk-icon-expand"></i> expand</li>
                    <li><i class="uk-icon-fast-backward"></i> fast-backward</li>
                    <li><i class="uk-icon-fast-forward"></i> fast-forward</li>
                    <li><i class="uk-icon-forward"></i> forward</li>
                    <li><i class="uk-icon-pause"></i> pause</li>
                    <li><i class="uk-icon-play"></i> play</li>
                    <li><i class="uk-icon-play-circle"></i> play-circle</li>
                    <li><i class="uk-icon-play-circle-o"></i> play-circle-o</li>
                    <li><i class="uk-icon-step-backward"></i> step-backward</li>
                    <li><i class="uk-icon-step-forward"></i> step-forward</li>
                    <li><i class="uk-icon-stop"></i> stop</li>
                    <li><i class="uk-icon-youtube-play"></i> youtube-play</li>
               </ul>

               <h2>Brand Icons</h2>

               <ul class="uk-grid uk-grid-width-1-2 uk-grid-width-medium-1-4">
                    <li><i class="uk-icon-adn"></i> adn</li>
                    <li><i class="uk-icon-android"></i> android</li>
                    <li><i class="uk-icon-angellist"></i> angellist</li>
                    <li><i class="uk-icon-apple"></i> apple</li>
                    <li><i class="uk-icon-behance"></i> behance</li>
                    <li><i class="uk-icon-behance-square"></i> behance-square</li>
                    <li><i class="uk-icon-bitbucket"></i> bitbucket</li>
                    <li><i class="uk-icon-bitbucket-square"></i> bitbucket-square</li>
                    <li><i class="uk-icon-bitcoin"></i> bitcoin <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-btc"></i> btc</li>
                    <li><i class="uk-icon-buysellads"></i> buysellads</li>
                    <li><i class="uk-icon-cc-amex"></i> cc-amex</li>
                    <li><i class="uk-icon-cc-discover"></i> cc-discover</li>
                    <li><i class="uk-icon-cc-mastercard"></i> cc-mastercard</li>
                    <li><i class="uk-icon-cc-paypal"></i> cc-paypal</li>
                    <li><i class="uk-icon-cc-stripe"></i> cc-stripe</li>
                    <li><i class="uk-icon-cc-visa"></i> cc-visa</li>
                    <li><i class="uk-icon-codepen"></i> codepen</li>
                    <li><i class="uk-icon-connectdevelop"></i> connectdevelop</li>
                    <li><i class="uk-icon-css3"></i> css3</li>
                    <li><i class="uk-icon-dashcube"></i> dashcube</li>
                    <li><i class="uk-icon-delicious"></i> delicious</li>
                    <li><i class="uk-icon-deviantart"></i> deviantart</li>
                    <li><i class="uk-icon-digg"></i> digg</li>
                    <li><i class="uk-icon-dribbble"></i> dribbble</li>
                    <li><i class="uk-icon-dropbox"></i> dropbox</li>
                    <li><i class="uk-icon-drupal"></i> drupal</li>
                    <li><i class="uk-icon-empire"></i> empire</li>
                    <li><i class="uk-icon-facebook"></i> facebook</li>
                    <li><i class="uk-icon-facebook-f"></i> facebook-f <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-facebook-official"></i> facebook-official</li>
                    <li><i class="uk-icon-facebook-square"></i> facebook-square</li>
                    <li><i class="uk-icon-flickr"></i> flickr</li>
                    <li><i class="uk-icon-forumbee"></i> forumbee</li>
                    <li><i class="uk-icon-foursquare"></i> foursquare</li>
                    <li><i class="uk-icon-ge"></i> ge <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-git"></i> git</li>
                    <li><i class="uk-icon-git-square"></i> git-square</li>
                    <li><i class="uk-icon-github"></i> github</li>
                    <li><i class="uk-icon-github-alt"></i> github-alt</li>
                    <li><i class="uk-icon-github-square"></i> github-square</li>
                    <li><i class="uk-icon-gittip"></i> gittip <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-google"></i> google</li>
                    <li><i class="uk-icon-google-plus"></i> google-plus</li>
                    <li><i class="uk-icon-google-plus-square"></i> google-plus-square</li>
                    <li><i class="uk-icon-google-wallet"></i> google-wallet</li>
                    <li><i class="uk-icon-gratipay"></i> gratipay</li>
                    <li><i class="uk-icon-hacker-news"></i> hacker-news</li>
                    <li><i class="uk-icon-html5"></i> html5</li>
                    <li><i class="uk-icon-instagram"></i> instagram</li>
                    <li><i class="uk-icon-ioxhost"></i> ioxhost</li>
                    <li><i class="uk-icon-joomla"></i> joomla</li>
                    <li><i class="uk-icon-jsfiddle"></i> jsfiddle</li>
                    <li><i class="uk-icon-lastfm"></i> lastfm</li>
                    <li><i class="uk-icon-lastfm-square"></i> lastfm-square</li>
                    <li><i class="uk-icon-leanpub"></i> leanpub</li>
                    <li><i class="uk-icon-linkedin"></i> linkedin</li>
                    <li><i class="uk-icon-linkedin-square"></i> linkedin-square</li>
                    <li><i class="uk-icon-linux"></i> linux</li>
                    <li><i class="uk-icon-maxcdn"></i> maxcdn</li>
                    <li><i class="uk-icon-meanpath"></i> meanpath</li>
                    <li><i class="uk-icon-medium-logo"></i> medium</li>
                    <li><i class="uk-icon-openid"></i> openid</li>
                    <li><i class="uk-icon-pagelines"></i> pagelines</li>
                    <li><i class="uk-icon-paypal"></i> paypal</li>
                    <li><i class="uk-icon-pied-piper"></i> pied-piper</li>
                    <li><i class="uk-icon-pied-piper-alt"></i> pied-piper-alt</li>
                    <li><i class="uk-icon-pinterest"></i> pinterest</li>
                    <li><i class="uk-icon-pinterest-p"></i> pinterest-p</li>
                    <li><i class="uk-icon-pinterest-square"></i> pinterest-square</li>
                    <li><i class="uk-icon-qq"></i> qq</li>
                    <li><i class="uk-icon-ra"></i> ra <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-rebel"></i> rebel</li>
                    <li><i class="uk-icon-reddit"></i> reddit</li>
                    <li><i class="uk-icon-reddit-square"></i> reddit-square</li>
                    <li><i class="uk-icon-renren"></i> renren</li>
                    <li><i class="uk-icon-sellsy"></i> sellsy</li>
                    <li><i class="uk-icon-share-alt"></i> share-alt</li>
                    <li><i class="uk-icon-share-alt-square"></i> share-alt-square</li>
                    <li><i class="uk-icon-shirtsinbulk"></i> shirtsinbulk</li>
                    <li><i class="uk-icon-simplybuilt"></i> simplybuilt</li>
                    <li><i class="uk-icon-skyatlas"></i> skyatlas</li>
                    <li><i class="uk-icon-skype"></i> skype</li>
                    <li><i class="uk-icon-slack"></i> slack</li>
                    <li><i class="uk-icon-slideshare"></i> slideshare</li>
                    <li><i class="uk-icon-soundcloud"></i> soundcloud</li>
                    <li><i class="uk-icon-spotify"></i> spotify</li>
                    <li><i class="uk-icon-stack-exchange"></i> stack-exchange</li>
                    <li><i class="uk-icon-stack-overflow"></i> stack-overflow</li>
                    <li><i class="uk-icon-steam"></i> steam</li>
                    <li><i class="uk-icon-steam-square"></i> steam-square</li>
                    <li><i class="uk-icon-stumbleupon"></i> stumbleupon</li>
                    <li><i class="uk-icon-stumbleupon-circle"></i> stumbleupon-circle</li>
                    <li><i class="uk-icon-tencent-weibo"></i> tencent-weibo</li>
                    <li><i class="uk-icon-trello"></i> trello</li>
                    <li><i class="uk-icon-tumblr"></i> tumblr</li>
                    <li><i class="uk-icon-tumblr-square"></i> tumblr-square</li>
                    <li><i class="uk-icon-twitch"></i> twitch</li>
                    <li><i class="uk-icon-twitter"></i> twitter</li>
                    <li><i class="uk-icon-twitter-square"></i> twitter-square</li>
                    <li><i class="uk-icon-viacoin"></i> viacoin</li>
                    <li><i class="uk-icon-vimeo-square"></i> vimeo-square</li>
                    <li><i class="uk-icon-vine"></i> vine</li>
                    <li><i class="uk-icon-vk"></i> vk</li>
                    <li><i class="uk-icon-wechat"></i> wechat <span class="uk-text-muted">(alias)</span></li>
                    <li><i class="uk-icon-weibo"></i> weibo</li>
                    <li><i class="uk-icon-weixin"></i> weixin</li>
                    <li><i class="uk-icon-whatsapp"></i> whatsapp</li>
                    <li><i class="uk-icon-windows"></i> windows</li>
                    <li><i class="uk-icon-wordpress"></i> wordpress</li>
                    <li><i class="uk-icon-xing"></i> xing</li>
                    <li><i class="uk-icon-xing-square"></i> xing-square</li>
                    <li><i class="uk-icon-yahoo"></i> yahoo</li>
                    <li><i class="uk-icon-yelp"></i> yelp</li>
                    <li><i class="uk-icon-youtube"></i> youtube</li>
                    <li><i class="uk-icon-youtube-play"></i> youtube-play</li>
                    <li><i class="uk-icon-youtube-square"></i> youtube-square</li>
               </ul>

          </article>

     </div>
</div>
            <footer class="bh-footer uk-text-center-small">
                <div class="uk-container uk-container-center uk-position-relative">
                    <a href="frontpage.html"><img src="http://placehold.it/60x60&text=demo" class="uk-margin-right" alt="Footer Logo" width="60" height="60" data-demo-style></a>
                    <span class="uk-hidden-small">
                        Copyright &copy; 2015 <a href="http://www.bahemian.com" target="_blank">Bahemian</a>. Built with so, so much love <i class="uk-icon-heart uk-text-primary uk-margin-small-left"></i>
                    </span>
                    <a class="bh-topscroller" data-uk-smooth-scroll href="#"><i class="uk-icon-angle-up"></i></a>
                </div>
            </footer>

            <div id="offcanvas" class="uk-offcanvas">
                <div class="uk-offcanvas-bar">
                    <form class="uk-search">
                        <input class="uk-search-field" type="search" placeholder="Search...">
                    </form>
                    <ul class="uk-nav uk-nav-offcanvas">
                        <li class="uk-parent">
                            <a href="frontpage.html">Home</a>
                            <ul class="uk-nav-sub">
                                <li>
                                    <a href="?style=default">Light</a>
                                </li>
                                <li>
                                    <a href="?style=dark">Dark</a>
                                </li>
                            </ul>
                        </li>
                        <li class="uk-parent">
                            <a href="#">Pages</a>
                            <ul class="uk-nav-sub">
                                <li>
                                    <a href="pages-about.html">About us</a>
                                </li>
                                <li>
                                    <a href="pages-team.html">Team</a>
                                </li>
                                <li>
                                    <a href="pages-service.html">Service</a>
                                </li>
                                <li>
                                    <a href="pages-portfolio.html">Portfolio</a>
                                </li>
                                <li>
                                    <a href="pages-contact.html">Contact</a>
                                </li>
                                <li>
                                    <a href="pages-error.html">Error</a>
                                </li>
                            </ul>
                        </li>
                        <li class="uk-parent">
                            <a href="shop.html">Shop</a>
                            <ul class="uk-nav-sub">
                                <li>
                                    <a href="shop-singleproduct.html">Single Product</a>
                                </li>
                                <li>
                                    <a href="shop-cart.html">Cart</a>
                                </li>
                                <li>
                                    <a href="shop-checkout.html">Checkout</a>
                                </li>
                                <li>
                                    <a href="shop-wishlist.html">Wishlist</a>
                                </li>
                            </ul>
                        </li>
                        <li class="uk-parent">
                            <a href="features.html">Features</a>
                            <ul class="uk-nav-sub">
                                <li>
                                    <a href="features-columns.html">Columns</a>
                                </li>
                                <li>
                                    <a href="features-uikit-elements.html">UIkit Elements</a>
                                </li>
                                <li>
                                    <a href="features-theme-elements.html">Theme Elements</a>
                                </li>
                                <li>
                                    <a href="features-typography.html">Typhography</a>
                                </li>
                                <li>
                                    <a href="features-icons.html">Icons</a>
                                </li>
                            </ul>
                        </li>
                        <li class="uk-parent">
                            <a href="blog.html">Blog</a>
                            <ul class="uk-nav-sub">
                                <li>
                                    <a href="blog-singlepost.html">Single Post</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>

            <div id="offcanvas-cart" class="uk-offcanvas bh-offcanvas-light">
                <div class="uk-offcanvas-bar uk-offcanvas-bar-flip">
                    <div class="uk-panel">
                        <h3 class="bh-headline-bottom-border uk-margin-remove"><span>Cart</span></h3>
                        <table class="bh-offcanvas-shopping-cart uk-table uk-table-middle uk-margin-small-top uk-margin-bottom-remove">
                            <tbody>
                                <tr>
                                    <td>
                                        <a href="shop-singleproduct.html">
                                            <img src="http://placehold.it/100x75&text=demo" width="100" height="75" alt="Product Image">
                                        </a>
                                    </td>
                                    <td>
                                        <a class="bh-text-uppercase" href="shop-singleproduct.html">Workboots</a><br>
                                        $119.90
                                    </td>
                                    <td class="uk-text-center"><a href="#"><i class="uk-icon-times"></i></a></td>
                                </tr>
                                <tr>
                                    <td>
                                        <a href="shop-singleproduct.html">
                                            <img src="http://placehold.it/100x75&text=demo" width="100" height="75" alt="Product Image">
                                        </a>
                                    </td>
                                    <td>
                                        <a class="bh-text-uppercase" href="shop-singleproduct.html">Wayfarer Glasses</a><br>
                                        $89.90
                                    </td>
                                    <td class="uk-text-center"><a href="#"><i class="uk-icon-times"></i></a></td>
                                </tr>
                            </tbody>
                        </table>
                        <a href="shop-cart.html" class="uk-button uk-width-1-1">View Cart</a>
                        <a href="shop-checkout.html" class="uk-button uk-button-primary uk-width-1-1 uk-margin-small-top">Go to Checkout</a>
                    </div>
                </div>
            </div>

            <div id="login" class="uk-modal">
                <div class="uk-modal-dialog">
                    <a class="uk-modal-close uk-close"></a>

                    <ul class="uk-tab uk-tab-grid" data-uk-tab="{connect:'#login-tab'}">
                        <li class="uk-width-small-1-2 uk-active"><a href="#">Login</a></li>
                        <li class="uk-width-small-1-2"><a href="#">Register</a></li>
                    </ul>

                    <ul id="login-tab" class="uk-switcher uk-margin">
                        <li class="uk-active">
                            <form class="uk-form">
                                <div class="uk-grid" data-uk-margin="{cls:'uk-margin-top'}">
                                    <div class="uk-width-1-1 uk-text-center">
                                        <h3>I'm already a member</h3>
                                        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr<br> sed diam nonumy eirmod tempor invidunt.</p>
                                    </div>
                                    <div class="uk-width-1-1">
                                        <input type="text" placeholder="Username" class="uk-form-large uk-width-1-1">
                                    </div>
                                    <div class="uk-width-1-1">
                                        <input type="text" placeholder="Password" class="uk-form-large uk-width-1-1">
                                    </div>
                                    <div class="uk-width-1-1 uk-text-center">
                                        <label><input type="checkbox"> Remember me</label>
                                        <a class="uk-margin-left" href="#">Lost Password?</a>
                                    </div>
                                    <div class="uk-width-1-1 uk-text-center">
                                        <button class="uk-button uk-text-center">Login</button>
                                    </div>
                                </div>
                            </form>
                        </li>
                        <li>
                            <form class="uk-form">
                                <div class="uk-grid" data-uk-margin="{cls:'uk-margin-top'}">
                                    <div class="uk-width-1-1 uk-text-center">
                                        <h3>I'm new here</h3>
                                        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr<br> sed diam nonumy eirmod tempor invidunt.</p>
                                    </div>
                                    <div class="uk-width-1-1">
                                        <input type="text" placeholder="Username" class="uk-form-large uk-width-1-1">
                                    </div>
                                    <div class="uk-width-1-1">
                                        <input type="text" placeholder="Password" class="uk-form-large uk-width-1-1">
                                    </div>
                                    <div class="uk-width-1-1 uk-text-center">
                                        <button class="uk-button uk-text-center">Register</button>
                                    </div>
                                </div>
                            </form>
                        </li>
                    </ul>
                </div>
            </div>

            <!-- vendor scripts -->
            <script src="assets/jquery.js"></script>
            <script src="assets/jquery.velocity.min.js"></script>
            <script src="assets/uikit/js/uikit.js"></script>
            <script src="assets/holder.js"></script>
            <script src="assets/countUp.js"></script>
            <script src="assets/uikit/js/components/accordion.min.js"></script>
            <script src="assets/uikit/js/components/grid.min.js"></script>
            <script src="assets/uikit/js/components/lightbox.min.js"></script>
            <script src="assets/uikit/js/components/search.min.js"></script>
            <script src="assets/uikit/js/components/slideshow.min.js"></script>
            <script src="assets/uikit/js/components/slideshow-fx.min.js"></script>
            <script src="assets/uikit/js/components/sticky.min.js"></script>
            <script src="assets/uikit/js/components/slider.min.js"></script>

            <!-- theme scripts -->
            <script src="js/theme.js"></script>

            <!-- demo related script - remove it!  -->
            <script src="demo.js"></script>
    </body>
</html>
